*{
    padding: 0;
    margin: 0;
}
@media screen and (max-width:750px){
    html{
        font-size: 75px !important;
    }
}
@media screen and (min-width:320px){
    html{
        font-size: 32px !important;
    }
}
a{
    text-decoration: none;
    color: black;
}
body{
    min-width: 320px;
    max-width: 750px;
    width: 10rem;
    margin: 0 auto;
    font-family: Arial, Helvetica;
    background-color: #F2F2F2;
}
.footer-box{
    min-width: 320px;
    max-width: 750px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 10rem;
    height: 5.066667rem;
    background:url(../img/微信图片_20210826152915.jpg) 0 0 no-repeat;
    background-size: 100% 100%;
    display: flex;
    position: relative;
    >.return{
        margin-top: .266667rem;
        margin-left: .266667rem;
        width: .533333rem;
        height: .533333rem;
        display: flex;
        &::before{
            content: "";
            width: .133333rem;
            height: .133333rem;
            margin:.133333rem;
            border-top: solid .04rem white;
            border-left: solid .04rem white;
            transform: rotate(-45deg);
        }
    }
    >.footer-content{
        flex: 1;
        width: 9.066667rem;
        height: 2.533333rem;
        background-color: white;
        border-radius: .4rem;
        display: flex;
        margin: 0 .266667rem;
        margin-top: 2.133333rem;
        >.footer-logo{
            margin-top: .56rem;
            margin-left: .48rem;
            font-size: .293333rem;
            display: block;
            width: 1.013333rem;
            height: 1.013333rem;
            border:solid .026667rem #ccc;
            text-align: center;
            line-height: 1.013333rem;
        }
        >.js{
            flex:1;
            margin-top: .666667rem;
            margin-left: .186667rem;
            >div:first-child{
                font-size: .293333rem;
                font-weight: bold;
            }
            >div:last-child{
                margin-top: .133333rem;
                color: #ccc;
                font-size: .186667rem;
            }
        }
        >.footer-right{
            >a:first-child{
                display: block;
                margin-top: .2rem;
                font-size: .266667rem;
                margin-top: .266667rem;
                margin-left: .533333rem;
            }
            >a:last-child{
                display: block;
                width: 1.2rem;
                height: .533333rem;
                font-size: .16rem;
                background-color: yellow;
                border-radius: .266667rem;
                text-align: center;
                line-height: .533333rem;
                margin-right: .533333rem;
                margin-top: 1.066667rem;
            }
        }
    }
    >.gd{
        margin-top: .266667rem;
        margin-right: .266667rem;
        color: white;
        display: flex;
        flex-direction: column;
    }
}
.center-nav{
    min-width: 320px;
    max-width: 750px;
    display: flex;
    width: 10rem;
    height: 1.5rem;
    background-color: white;
    >div{
        font-weight: bold;
        width: 2rem;
        height: 1rem;
        background-color: yellow;
        flex: 1;
        text-align: center;
        line-height: 1rem;
        margin: .266667rem .133333rem;
        border-radius: .266667rem;
    }
    >div:hover{
        background-color: blue;
        >a{
            color: white;
        }
    }
}
.section-box{
    min-width: 320px;
    max-width: 750px;
    width: 10rem;
    height:20rem;
    background-color: white;
    >.h1{
        margin-left: .4rem;
        font-size: .6rem;
    }
    >.h2{
        margin-left: .133333rem;
        font-size: .293333rem;
        color: #ccc;
    }
    .section-content{
        height: 26.666667rem;
        >.content-row-three{
            display: flex;
            >div{
                padding-top: .266667rem;
                flex: 1;
                border-radius: .16rem;
                background-color:white;
                margin: 0 .133333rem;
                display: flex;
                flex-direction: column;
                >span{
                    font-size: .4rem;
                    display: flex;
                }
                >span:first-child{
                    >img{
                        width: 2.4rem;
                        margin-left: .266667rem;
                    }
                }
                >span:last-child>span{
                    margin-left: .133333rem;
                    color:rgb(255, 0, 157);
                }
                >span:last-child>a{
                    margin-left: 1.2rem;
                    display: block;
                    width: .533333rem;
                    height: .533333rem;
                    background: url(../img/产品购物车.png) no-repeat;
                    background-size: 100% auto;
                }
            }
        }
        >.content-row-two{
            margin-top: .266667rem;
            display: flex;
            >div{
                padding-top: .266667rem;
                flex: 1;
                border-radius: .16rem;
                background-color:white;
                margin: 0 .266667rem;
                display: flex;
                flex-direction: column;
                >span{
                    font-size: .4rem;
                    display: flex;
                }
                >span:first-child{
                    height: 2.666667rem;
                    >img{
                        width: 2.4rem;
                        margin-left: .8rem;
                    }
                }
                >span:last-child>span{
                    margin-left: .133333rem;
                    color:rgb(255, 0, 157);
                }
                >span:last-child>a{
                    margin-left: 1.2rem;
                    display: block;
                    width: .533333rem;
                    height: .533333rem;
                    background: url(../img/产品购物车.png) no-repeat;
                    background-size: 100% auto;
                }
            }
        }
    }
}